import React from 'react';
import NavNext from './navNext';

class Top extends React.Component{
    
    render(){
        $(function(){
            $('input').on('click',function(){
            console.log(1)
        })
        })
        return(
            <div className="g-topbar">
                <div className="warp">
                    <h1 className = "logo" ><a href= "/#">网易云音乐</a></h1>
                    <ul className="top-nav">
                        <li className="fst">
                            <span><a href="/#" data-module="discover" className="z-slt"><em>发现音乐</em><sub className="cor">&nbsp;</sub></a></span>
                        </li>
                        <li>
                            <span><a href="/#" data-module="discover"><em>我的音乐</em><sub className="cor">&nbsp;</sub></a></span>
                        </li>
                        <li>
                            <span><a href="/#" data-module="discover"><em>朋友</em><sub className="cor">&nbsp;</sub></a></span>
                        </li>
                        <li>
                            <span><a href="/#" data-module="discover"><em>商城</em><sub className="cor">&nbsp;</sub></a></span>
                        </li>
                        <li>
                            <span><a href="/#" data-module="discover"><em>音乐人</em><sub className="cor">&nbsp;</sub></a></span>
                        </li>
                        <li>
                            <span><a href="/#" data-module="discover"><em>下载客户端</em><sub className="cor">&nbsp;</sub></a></span>
                        </li>
                    </ul>
                    <div className = "admin f-r">
                        <a  href="#" className="link" data-action="login">登录</a>
                    </div>
                    <div className="m-srch f-r j-suggest" id="g_search">
                        <div className="srchbg">
                            <span className="parent">
                                <input type="text" className="txt j-flag" value="" id="auto-id-ddG1RU1zg1KM4TdF"  style={{opacity: '1'}}/>
                                <label className="ph j-flag"  id="auto-id-m1yxXv77SRilQH1D">单曲/歌手/专辑/歌单/MV/用户</label>
                            </span>
                        </div>
                    </div>
                </div>
                <NavNext/>
            </div>
        )
        
    }
    
}

module.exports = Top;